window.onload = function(){
    var pingjiaArr=["总体评价","环境评价","服务评价","口味评价"];
    //1.添加div的内容
    
    $("body").append(createDivContent(pingjiaArr.length,"pingjia",pingjiaArr));
    //2.添加星号

    $(".pingjia").append(createSpan(5));
    //3.加星（星号变为红色）
     
    for(let i = 0;i<pingjiaArr.length;i++){
        pingjia($(".pingjia:eq("+i+") .pj"),"enable");
    }
    
    //自定义函数，实现创建div内容的功能

    function createDivContent(num,styleName,spanContent){
        var str = "";
        for(let i=0;i<num;i++){
            str +='<div class="'+styleName+'"><span>'+spanContent[i]+'</span></div>'

        }
        return str;
    }
    //自定义函数，动态生成星号

    function createSpan(num){
        var str = "";
        for(let i=0;i<num;i++){
            str +=' <span class="pj">&#9733;</span>'
        }
        return str;
    }
    function pingjia(ele,styleName){
        ele.click(function(e){
            for(let i =0;i<=ele.length;i++){
                ele.eq(i).removeClass(styleName);
            }
            let num = ele.index(this);
            for(let i =0;i<=num;i++){
                ele.eq(i).addClass(styleName)
            }
        });
    }   
}